<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
  <title>产品展示</title>
</head>
<include file="style"/>
<style type="text/css">

.text-line {
  border-top: 1px solid #909090; 
  width: 50px; 
  display: inline-block; 
  vertical-align: 5px;
}

.advantage-div {
  margin-top: 75px;
}

.sub-title-div {
  text-align: center;
}

.sub-title-text {
  font-size: 20px;
  color: #00A0EA;
}

.sub-title-text-eng {
  font-size: 18px;
  color: #909090;
}

.advantage-details {
  margin-top: 50px;
}

.advantage-ceil {
  padding: 0 50px;
}

.advantage-ceil-title {
  font-size: 20px;
  font-weight: 20;
}

.advantage-ceil-text {
  font-size: 14px;
  margin-top: 20px;
  line-height: 28px;
  color: #707070;
}


.advantage-ceil-img {
  width: 100%;
  margin-top: 20px;
}

.about-us {
  margin-top: 50px;
}

.about-us-content {
  width: 70%;
  padding: 0;
  margin: 30px auto;
}

.content-div {
  font-size: 14px;
  color: #707070;
}

.product-div {
  margin-top: 50px;
}

</style>
<body>

<include file="header"/>


<div id="content">

<div style="width: 100%; height: 580px; background-image: url('{$banner}'); background-repeat: no-repeat; background-size: 100% 100%;">
</div>


<!-- 我们的产品 -->
  <div class="product-div">
    <div class="sub-title-div">
      <div class="sub-title-text">我们的产品</div>
      <div>
        <span class="text-line"></span>
        <span class="sub-title-text-eng">Our Product</span>
        <span class="text-line"></span>
      </div>
    </div>

    <div class="am-g" style="margin-top: 40px">
      <div class="am-u-lg-2">&nbsp;</div>
      <div class="am-u-lg-8">
        <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-3 am-thumbnails">
          <?php
            foreach ($products as $key => $val) {
          ?>

          <li class="wow bounceIn">
            <a href="{:U('Index/productPage?id='.$val['id'])}">
              <img class="am-thumbnail" src="{$val['images']}"/>
              <div style="width: 100%; text-align: center; margin-top: -15px; font-size: 15px;">{$val['title']}</div>
            </a>
          </li>

          <?php
            }
          ?>
        
      </ul>
      </div>
      <div class="am-u-lg-2">&nbsp;</div>
    </div>    
  </div>

  
</div>

<include file="footer"/>
</body>

<script type="text/javascript">

new WOW().init()

</script>
</html>